*{
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.woff2?t=1622252123915') format('woff2'),
  url('../font/iconfont.woff?t=1622252123915') format('woff'),
  url('../font/iconfont.ttf?t=1622252123915') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 24px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header{
  height: 80px;
  background-color: rgb(242, 242, 242);
  img{
    float: left;
    margin-top: 20px;
    margin-left: 150px;
    width: 300px;
  }
  p{
    font-size: 24px;
    float: left;
    line-height: 80px;
    color: red;
  }
}

.wupin{
  width: 100%;
  min-height: 400px;
  // background-color: red;
  .box{
    width: 100%;
    height: 50px;
    position: relative;
    span{
      display: inline-block;
      width: 260px;
      height: 50px;
     border: 2px solid yellowgreen;
      text-align: center;
      line-height: 50px;
      position: absolute;
      &:nth-child(1){
        left: 0;
      }
      &:nth-child(2){
        left: 250px;
      }
      &:nth-child(3){
        left: 500px;
      }
      &:nth-child(4){
        left: 750px;
      }
      &:nth-child(5){
        left: 1000px;
      }
    }
    
  }
  ul{
    li{
      height: 80px;
      // background-color: royalblue;
      position: relative;
      div{
        height: 80px;
        width: 250px;
        // background-color: rgb(216, 122, 122);
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        &:nth-child(1){
          left: 0;
         
          p{
            margin-left: 5px;
          }
        }
        &:nth-child(2){
          left: 250px;
        }
        &:nth-child(3){
          left: 500px;
        }
        &:nth-child(4){
          left: 750px;
            .btn{
              width: 40px;
              height: 40px;
              
            }
            .txt{
              display:inline-block ;
              height: 40px;
              width: 60px;
              text-align: center;
              border: 1px black solid;
              line-height: 40px;
              color: black;
            }
         
        }
        &:nth-child(5){
          left: 1000px;
          input{
            width: 70px;
            height: 50px;
          }
        }
        img{
          width: 60px;
        }
      }
    }
  }
}
